<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>客服人员登录</title>

    <link rel="shortcut icon" href="images/favicon.ico"/>

    <link rel="stylesheet" href="css/homeServiceStaff.css">
    <link rel="stylesheet" href="css/serviceStaffBase.css">

    <script type="text/javascript" src="js/homeServiceStaff.js"></script>
    <script type="text/javascript" src="js/maintain.js"></script>
</head>
<body>

<!--header模块-->
<header class="header">
    <img src="images/serviceStaffHeaderBackground.png" alt="图片加载失败" height="125">
    <p>客服人员管理平台</p>
</header>

<!--背景图-->
<img class="background-img" src="images/serviceStaffRegisterBackground.png" alt="图片加载失败" width="1500"
     height="638">

<!--侧边栏-->
<div class="home-side-bar">
    <div id="maintain-record" onclick="displayMaintainRecord()">
        <p>维护记录</p>
    </div>
    <div id="complaint-record" onclick="displayComplaintRecord()">
        <p>投诉记录</p>
    </div>
    <div id="service-online" onclick="goToHtmlFileServiceOnline()">
        <p>在线客服</p>
    </div>
</div>

<!--主体内容维修记录-->
<div class="maintain-record-content" id="maintain-record-content">
    <p id="maintain_record_title">维修记录</p>
    <label id="maintain_form_col1_row1_staff">手机号：</label>
    <label id="maintain_form_col2_row1_staff"></label>
    <label id="maintain_form_col1_row2_staff">维修类型：</label>
    <label id="maintain_form_col2_row2_staff"></label>
    <label id="maintain_form_col1_row3_staff">预订日期：</label>
    <label id="maintain_form_col2_row3_staff"></label>
    <label id="maintain_form_col1_row4_staff">问题详情：</label>
    <label id="maintain_form_col2_row4_staff"></label>
    <button onclick="updateSignedStatus()">签收</button>
</div>

<!--主体内容投诉记录-->
<div class="complaint-record-content" id="complaint-record-content">
    <p id="complaint_record_title">投诉记录</p>
    <label id="complaint_form_col1_row1_staff">手机号：</label>
    <label id="complaint_form_col2_row1_staff"></label>
    <label id="complaint_form_col1_row2_staff">投诉类型：</label>
    <label id="complaint_form_col2_row2_staff"></label>
    <label id="complaint_form_col1_row3_staff">问题详情：</label>
    <label id="complaint_form_col2_row3_staff"></label>
    <button onclick="updateSignedStatus1()">签收</button>
</div>

<!--footer模块-->
<footer class="footer">
    <p>copyright © 2024 移动公司 版权所有</p>
</footer>

</body>
</html>